<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商城首页</title>
	<link rel="stylesheet" type="text/css" href="./shop.css">
</head>
<body>
	<div id="header">
		<ul id="lh">
			<li>小米商城</li>
			<li>MIUI</li>
			<li>loT</li>
			<li>云服务</li>
			<li>金融</li>
			<li>有品</li>
			<li>小爱开放平台</li>
			<li>政企服务</li>
			<li>下载app</li>
			<li>Select Region</li>
		</ul>
		<ul id="rh">
			<li>登录</li>
			<li>注册</li>
			<li>消息通知</li>
			<li>购物车</li>
		</ul>
	</div>
	<div class="clear"></div>
	<div id="dao">
		<ul>
			<li><img src="./images/1.gif"></li>
			<li>小米手机</li>
			<li>红米</li>
			<li>电视</li>
			<li>笔记本</li>
			<li>空调</li>
			<li>新品</li>
			<li>路由器</li>
			<li>智能硬件</li>
			<li>服务</li>
			<li>社区</li>
		</ul>
	</div>
	<div class="clear"></div>
	<div id="bod">
		<div id="lbod">
			<ul>
				<li id="1l">手机 电话卡<span>></span></li>
				<li id="2l">电视 盒子<span>></span></li>
				<li id="3l">笔记本 平板<span>></span></li>
				<li id="4l">家电 插线板<span>></span></li>
				<li id="5l">出行 穿戴<span>></span></li>
				<li id="6l">智能 路由器<span>></span></li>
				<li id="7l">电源 配件<span>></span></li>
				<li id="8l">健康 儿童<span>></span></li>
				<li id="9l">耳机 音箱<span>></span></li>
				<li id="0l">生活 箱包<span>></span></li>
			</ul>
		</div>	
			<div class="diva" id="1d">"><img src="./mi/11.jpg"></div>
			<div class="diva" id="2d">"><img src="./mi/11.jpg"></div>
			<div class="diva" id="3d">"><img src="./mi/11.jpg"></div>
			<div class="diva" id="4d">"><img src="./mi/11.jpg"></div>
			<div class="diva" id="5d">"><img src="./mi/11.jpg"></div>
			<div class="diva" id="6d">"><img src="./mi/11.jpg"></div>
			<div class="diva" id="7d">"><img src="./mi/11.jpg"></div>
			<div class="diva" id="8d">"><img src="./mi/11.jpg"></div>
			<div class="diva" id="9d">"><img src="./mi/11.jpg"></div>
			<div class="diva" id="0d">"><img src="./mi/11.jpg"></div>
		<div id="rbod"><img id="img" src="./mi/1.jpg">
			<script type="text/javascript">
				var i = 1;
				setInterval(function(){	
					document.getElementById("img").src="./mi/"+i+".jpg";
					i++;
					if (i>5) {
						i=1;
					};
					return i;
				},2000);
			</script>
		</div>
	</div>
	<div class="clear"></div>
	<div id="shop">
		<ul>
			<li><img src="./mi/11.png"><p>小米手机</p><p>1999元</p></li>
			<li><img src="./mi/12.png"><p>小米手机</p><p>999元</p></li>
			<li><img src="./mi/13.png"><p>小米手机</p><p>888元</p></li>
			<li><img src="./mi/14.jpg"><p>小米手机</p><p>3000元</p></li>
			<li><img src="./mi/15.jpg"><p>小米手机</p><p>500元</p></li>
			<li><img src="./mi/16.jpg"><p>小米手机</p><p>998元</p></li>
			<li><img src="./mi/17.jpg"><p>小米手机</p><p>2999元</p></li>
			<li><img src="./mi/18.jpg"><p>小米手机</p><p>3999元</p></li>
		</ul>
	</div>
	<div class="clear"></div>
	<div id="footer">
		<table>
			<tr>
				<th>帮助中心</th>
				<th>服务支持</th>
				<th>线下门店</th>
				<th>关于小米</th>
				<th>关注我们</th>
				<th>特色服务</th>
			</tr>
			<tr>
				<td>账户管理</td>
				<td>售后政策</td>
				<td>小米之家</td>
				<td>了解小米</td>
				<td>新浪微博</td>
				<td>F码通道</td>
			</tr>
			<tr>
				<td>购物指南</td>
				<td>自助服务</td>
				<td>服务网点</td>
				<td>加入小米</td>
				<td>官方微信</td>
				<td>礼物码</td>
			</tr>
			<tr>
				<td>订单操作</td>
				<td>相关下载</td>
				<td>授权体验店</td>
				<td>投资者关系</td>
				<td>联系我们</td>
				<td>防伪查询</td>
			</tr>
		</table>
	</div>
</body>
</html>